<template>
   <div class="myfollow">
            <span class="time">{{postData.create_date.split('T')[0]}} {{postData.create_date.split('T')[1].split('.')[0]}}</span>
            <div class="box">
                <div class="text">
                <span class="reply">回复:{{postData.parent.user.nickname}}</span> 
                <p>{{postData.content}}</p>
            </div> 
            <div class="info">
                <p>{{postData.parent.content}}</p>
            </div>
            </div> 
            <div class="original">
                <span>原文: {{postData.post.title}}</span>
                <a href="#" class="iconfont iconjiantou1"></a>
            </div>
    </div>
</template>

<script>
export default {
    props:['postData'],

    // created(){
    //     console.log(this.postData);
    // }
}
</script>

<style lang="less" scoped>
  .myfollow {
      padding: 10/360*100vw  20/360*100vw 10/360*100vw;
      color: #afafaf;
      border-bottom: 1/360*100vw solid #ababab;
        .box {
            margin: 20/360*100vw 0;
            padding-right: 10/360*100vw;
            .text {
            padding: 10/360*100vw;
            background-color: #efefef;
            color: #999898;
             .reply {
                 display: block;
                 margin-bottom: 10/360*100vw;
             }
        }
        }

        .info {
            margin: 20/360*100vw 0;
            color: #000;
        }

        .original {
            display: flex;
            justify-content: space-between;
            font-size: 12/360*100vw;
        }
}
</style>